<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<title>Tumbler - Table of Contents</title>
		<link href="${resources}/report.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div id="header">
			<table>
				<tbody>
					<tr>
						<td>
							<img src="${resources}/tumbler.jpg" alt="Tumbler" />
						</td>
						<td>
							<span class="title_const">Tumbler - </span>
							<span class="title_name">Table of Contents</span>
							<hr />
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div id="summary">
			<table class="report">
				<thead>
					<tr>
						<th colspan="4" class="status">Run summary</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td style="width: 10%;"></td>
						<td class="status">
							<img src="${resources}/PASSED.png" alt="PASSED" title="PASSED" />
						</td>
						<td class="status">
							<img src="${resources}/FAILED.png" alt="FAILED" title="FAILED" />
						</td>
						<td class="status">
							<img src="${resources}/PENDING.png" alt="PENDING" title="PENDING" />
						</td>
					</tr>
					<tr>
						<td>Stories:</td>
						<td class="status" id="stories passed">${runStoryStatistics.passed()}</td>
						<td class="status" id="stories failed">${runStoryStatistics.failed()}</td>
						<td class="status" id="stories pending">${runStoryStatistics.pending()}</td>
					</tr>
					<tr>
						<td>Scenarios:</td>
						<td class="status" id="scenarios passed">${runScenarioStatistics.passed()}</td>
						<td class="status" id="scenarios failed">${runScenarioStatistics.failed()}</td>
						<td class="status" id="scenarios pending">${runScenarioStatistics.pending()}</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div id="report">
			<table class="report">
				<thead>
					<tr>
						<th>Stories</th>
						<th class="status">Run status</th>
					</tr>
				</thead>
				<tbody>
					<#list stories as story>										
					<tr>
						<td><a href="${story.asClassPath()}Scenarios.html">${story.name()}</a></td>						
						<td class="status">
							<img src="${resources}/${story.status()}.png" alt="${story.status()}" title="${story.status()}" />
						</td>
					</tr>					
					</#list>
				</tbody>
			</table>
		</div>
		<div id="footer">
			<p>
				Generated by
				<a href="http://tumbler-glass.googlecode.com">Tumbler</a>
			</p>
		</div>
	</body>
</html>